<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>注册</title>
    <link rel="stylesheet" href="../../fonts/font_awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../js/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../css/mui-app-style.css">
    <style>
        body,
        .mui-scroll-wrapper, .mui-scroll,
        .mui-scroll-wrapper{
            background: #fff!important;
        }
        .mui-navbar{
            background: #fff;
        }
        .logo-m{
            width:68px;
            height:68px;
            border: 1px solid #EDEDED;
            margin:0 auto;
            border-radius: 50%;
        }
        .logo{
            width:50px;
            height:50px;
            line-height:50px;
            margin:9px auto;
            background: #4FA4E7;
            color: #fff;
            border-radius: 50%;
            overflow: hidden;
        }
        .mui-cards{
            /*border:1px solid #A1A1A1;*/
            border-radius:5px;
        }
        .mui-cards--margin{
            margin:0 25px;
        }
        #code_m{
            position: relative;
        }
        #sends{
            width:80%;
        }
        .mui-button-dfs{
            margin:20px 30px 0;
        }
        .mui-button-dfs .mui-btn-block{
            padding:10px 12px!important;
            font-size:14px!important;
        }
        .mui-button-dfs .mui-btn-block .mui-spinner{
            width: 14px;
            height: 14px;
        }
    </style>
</head>
<body>
<div class="mui-content" style="background: #fff;">
    <div class="mui-content-padded">
        <br>
        <br>
        <div class="mui-text-center">
            <div class="logo-m">
                <div class="logo">
                    logo
                </div>
            </div>
        </div>
        <div style="height: 100px;"></div>
        <!--<br>-->
        <!--<br>-->
        <div class="mui-cards mui-cards--margin">
            <div class="mui-input-row">
                <input id="phone" placeholder="手机号" type="text" maxlength="11" >
            </div>
            <div id="code_m" class="mui-input-row ">
                <div class="mui-row">
                    <div class="mui-col-xs-8">
                        <input id="code" placeholder="请输入验证码" type="text" maxlength="11" >
                    </div>
                    <div class="mui-col-xs-4">
                        <button id="sends" type="button" class="mui-btn mui-btn-primary mui-btn-outlined">发送</button>
                    </div>
                </div>

            </div>
            <div class="mui-input-row mui-password">
                <input id="pass" placeholder="请输入新密码" type="password" class="mui-input-password">
            </div>
        </div>
        <div class="mui-button-dfs">
            <button id="submit" type="button" class="mui-btn mui-btn-primary mui-btn-block">修改密码</button>
        </div>

    </div>
</div>

<script src="../../js/mui/js/mui.min.js"></script>
<script src="../../js/common/crypto-js.js"></script>
<script src="../../js/common/common.js"></script>
<script src="../../js/login/forget.js"></script>
<script>


</script>
</body>
</html>